﻿<!DOCTYPE html>
<!-- 
| - - Motion.Euzo.Ca - - - Motion and M+ from euzo.ca - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
-->
<html>
<head>
    <title>Motion Style Editor</title>
    <!-- 
    Application and page settings.
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- 
    Style sheets. 
    -->
    <link href="/Motion/User Interface/Fonts/Fonts.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Framework/Splitter/Splitter.css" rel="stylesheet" type="text/css" />
    <style>
        li
        {
            overflow: auto;
            -webkit-overflow-style: marquee-line;
            white-space: nowrap;
        }
    </style>
    <!--  
    Application scripts.    
    -->
    <script src="Style Designer.js" type="text/javascript"></script>
    <script src="../../../Motion/User Interface/Framework/Document.js" type="text/javascript"></script>
    <script src="../../../Motion/User Interface/Framework/Splitter/Splitter.js" type="text/javascript"></script>
</head>
<body style="font-family: 'Cantarell'; font-size: 14px; overflow: hidden">
    <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 25px; display: -webkit-box; -webkit-box-pack: start; -webkit-box-align: center;
        background: -webkit-gradient(radial, 206 -29, 353, 824 -1000, 279, from(#FCFCFC), to(#CF0C13), color-stop(.6,#E88787)); border-bottom: 1px solid red">
        &nbsp;&nbsp;<a href="">Home</a> | <a href="Help.htm" target="_blank">Help</a> | <a href="http://motion.euzo.ca" target="_blank">Motion</a>
        | Motion Style Designer for Google Chrome 12
    </div>
    <div style="position: absolute; left: 0px; top: 25px; width: 100%; bottom: 0px">
        <div style="width: 34%; height: 100%; min-width=50px; float: left; overflow: auto; float: left;">
            <table>
                <colgroup>
                    <col style="width: 1%" />
                    <col style="width: 44%" />
                    <col style="width: 55%" />
                </colgroup>
                <!-- Box dimensions - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
                <tr>
                    <td colspan="3">
                        <a href="http://www.w3.org/TR/CSS2/box.html#margin-properties" target="_blank">Margin properties:</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" id="MarginCheck" />
                    </td>
                    <td>
                        margin
                    </td>
                    <td>
                        <input style="width: 99%" id="MarginText" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" id="MarginTopCheck" />
                    </td>
                    <td>
                        margin-top
                    </td>
                    <td>
                        <input style="width: 99%" id="MarginTopText" onfocus="ShowDescription(MarginTopDescription)" onblur="HideDescription(MarginTopDescription)" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" id="MarginRightCheck" />
                    </td>
                    <td>
                        margin-right
                    </td>
                    <td>
                        <input style="width: 99%" id="MarginRightText" onfocus="ShowDescription(MarginRightDescription)" onblur="HideDescription(MarginRightDescription)" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" id="MarginBottomCheck" />
                    </td>
                    <td>
                        margin-bottom
                    </td>
                    <td>
                        <input style="width: 99%" id="MarginBottomText" onfocus="ShowDescription(MarginBottomDescription)" onblur="HideDescription(MarginBottomDescription)" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" id="MarginLeftCheck" />
                    </td>
                    <td>
                        margin-left
                    </td>
                    <td>
                        <input style="width: 99%" id="MarginLeftText" onfocus="ShowDescription(MarginLeftDescription)" onblur="HideDescription(MarginLeftDescription)" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>&nbsp;</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-top
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-right
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-bottom
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-left
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>&nbsp;</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-top-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-right-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-bottom-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-left-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>&nbsp;</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-top-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-right-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-bottom-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-left-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>&nbsp;</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-top-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-right-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-bottom-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-left-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>&nbsp;</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        padding
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        padding-top
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        padding-right
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        padding-bottom
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        padding-left
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>&nbsp;</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        display'
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Positioning:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        position
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        top
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        right
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        bottom
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        left
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b></b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        float
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        clear
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        z-index
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        direction
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        unicode-bidi
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        min-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        max-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        height
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        min-height
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        max-height
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        line-height
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        vertical-align
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Visual effects:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        overflow
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        clip
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        visibility
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Content, automatic numbering, and lists:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        content
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        quotes
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        counter-reset
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        counter-increment
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        list-style-type
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        list-style-image
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        list-style-position
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        list-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Paged media:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        page-break-before
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        page-break-after
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        page-break-inside
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        orphans
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        widows
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Colors and Backgrounds:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        background
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        background-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        background-image
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        background-repeat
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        background-attachment
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        background-position
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>background:</b>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Fonts:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        font
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        font-family
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        font-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        font-variant
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        font-weight
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        font-size
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Tables:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        caption-side
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        table-layout
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-collapse
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        border-spacing
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        empty-cells
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>User interface:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        cursor
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        outline
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        outline-width
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        outline-style
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        outline-color
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <b>Aural:</b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        volume
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        speak
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        pause
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        pause-before
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        pause-after
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        cue
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        cue-before
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        cue-after
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        play-during
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        azimuth
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        elevation
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        speech-rate
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        voice-family
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        pitch
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        pitch-range
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        stress
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        richness
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        speak-punctuation
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        speak-numeral
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" />
                    </td>
                    <td>
                        speak-header
                    </td>
                    <td>
                        <input style="width: 99%" />
                    </td>
                </tr>
            </table>
        </div>
        <splitter direction="horizontal"></splitter>
        <div style="width: 20%; height: 100%; min-width: 50px; float: right; float: left;">
            <div id="MarginTopDescription" style="display: none;">
                Property:&nbsp;<strong>margin-top</strong>
                <br />
                <br />
                <strong>Value: </strong><a href="http://www.w3.org/TR/CSS2/box.html#value-def-margin-width" target="_blank">&lt;margin-width&gt;</a> | inherit
                <br />
                <br />
                <strong>Initial: </strong>0
                <br />
                <br />
                <strong>Applies to: </strong>all elements except elements with table display types other than table-caption, table and inline-table<br />
                <br />
                <strong>Inherited:</strong> no<br />
                <br />
                <strong>Percentages: </strong>refer to width of containing block<br />
                <br />
                <strong>Media: </strong>visual<br />
                <br />
                <strong>Computed value: </strong>the percentage as specified or the absolute length<br />
            </div>
            <div id="MarginBottomDescription" style="display: none;">
                Property:&nbsp;<strong>margin-bottom</strong>
                <br />
                <br />
                <strong>Value: </strong><a href="http://www.w3.org/TR/CSS2/box.html#value-def-margin-width" target="_blank">&lt;margin-width&gt;</a> | inherit
                <br />
                <br />
                <strong>Initial: </strong>0
                <br />
                <br />
                <strong>Applies to: </strong>all elements except elements with table display types other than table-caption, table and inline-table<br />
                <br />
                <strong>Inherited:</strong> no<br />
                <br />
                <strong>Percentages: </strong>refer to width of containing block<br />
                <br />
                <strong>Media: </strong>visual<br />
                <br />
                <strong>Computed value: </strong>the percentage as specified or the absolute length<br />
            </div>
            <div id="MarginRightDescription" style="display: none;">
                Property:&nbsp;<strong>margin-right</strong>
                <br />
                <br />
                <strong>Value: </strong><a href="http://www.w3.org/TR/CSS2/box.html#value-def-margin-width" target="_blank">&lt;margin-width&gt;</a> | inherit
                <br />
                <br />
                <strong>Initial:</strong> 0
                <br />
                <br />
                <strong>Applies to:</strong> all elements except elements with table display types other than table-caption, table and inline-table
                <br />
                <br />
                <strong>Inherited:</strong> no
                <br />
                <br />
                <strong>Percentages:</strong> refer to width of containing block
                <br />
                <br />
                <strong>Media:</strong> visual
                <br />
                <br />
                <strong>Computed value:</strong> the percentage as specified or the absolute length
            </div>
            <div id="MarginLeftDescription" style="display: none;">
                Property:&nbsp;<strong>margin-left</strong>
                <br />
                <br />
                <strong>Value: </strong><a href="http://www.w3.org/TR/CSS2/box.html#value-def-margin-width" target="_blank">&lt;margin-width&gt;</a> | inherit
                <br />
                <br />
                <strong>Initial:</strong> 0
                <br />
                <br />
                <strong>Applies to:</strong> all elements except elements with table display types other than table-caption, table and inline-table
                <br />
                <br />
                <strong>Inherited:</strong> no
                <br />
                <br />
                <strong>Percentages:</strong> refer to width of containing block
                <br />
                <br />
                <strong>Media:</strong> visual
                <br />
                <br />
                <strong>Computed value:</strong> the percentage as specified or the absolute length
            </div>
        </div>
        <splitter direction="horizontal"></splitter>
        <div style="width: 44%; height: 100%; min-width=50px; float: right; float: left;">
            Styletyle</div>
    </div>
</body>
</html>
